<template>
  <div class="breadcrumb flex">
      <BreadcrumbItem v-for="item in arr" :key="item.path" :data="item"></BreadcrumbItem>
  </div>
</template>
 
<script>
import BreadcrumbItem from "./BreadcrumbItem.vue";
export default {
    props:['arr'],
  data() {
    return {
    };
  },
  components:{
      BreadcrumbItem
  }
};
</script>
 
<style lang = "less" scoped>
.breadcrumb{
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
</style>